//轮播图
$(function(){
	function setsize(){
		//获取屏幕宽度
		var windowWidth=$(window).width();
			//根据屏幕大小为界面上的每一张轮播图设置背景图片
			$(".carousel .carousel-inner .item").each(function(i,item){
				//把dom对象转换成jquery对象
				var $item=$(item);
				//根据屏幕大小获取来大小图片，用data()函数获取data属性
				var img=windowWidth<768 ? $item.data("image-xs") : $item.data("image-md");
				//获取data属性后，给div设置背景图片
				$item.css("background-image","url('"+img+"')");
				//如果是移动端，需要用img的方式使尺寸等比例变化，所以需要在div中添加img标签
				if (windowWidth<768) {
					$item.html("<img src='"+img+"'/>");
				} else{
					//当屏幕由小到大的切换时，清空移动端时div内的img标签
					$item.empty();
				}
			});
	}
	$(window).on("setsize",setsize).trigger("setsize");
});
//视频插件
$(function(){
		//视频插件
		var dp = new DPlayer({ 
		    element: document.getElementById('dp'),				// 可选，player元素
		    autoplay: false,                                        // 可选，自动播放视频，不支持移动浏览器
		    theme: '#FADFA3',                                       // 可选，主题颜色，默认: #b7daff
		    loop: true,                                             // 可选，循环播放音乐，默认：true
		    lang: 'zh',                                             // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator 
		    screenshot: true,										//启用截图功能，默认值：false，注意：如果设置为true，视频和视频截图必须启用跨域                                      
		    hotkey: true,                                           // 可选，绑定热键，包括左右键和空格，默认值：true
		    preload: 'none',                                        // 可选，预加载的方式可以是'none''metadata''auto'，默认
		   	video: {  
		   		pic: 'img/video_img.png',// 可选，视频截图
		        url: 'video/唐僧.mp4' // 必填，视频网址
		    }
		});
		
		var dp = new DPlayer({ 
		    element: document.getElementById('d1'), 				// 可选，player元素
		    autoplay: false,                                        // 可选，自动播放视频，不支持移动浏览器
		    theme: '#FADFA3',                                       // 可选，主题颜色，默认: #b7daff
		    loop: true,                                             // 可选，循环播放音乐，默认：true
		    lang: 'zh',                                             // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator 
		    screenshot: true,										//启用截图功能，默认值：false，注意：如果设置为true，视频和视频截图必须启用跨域                                      
		    hotkey: true,                                           // 可选，绑定热键，包括左右键和空格，默认值：true
		    preload: 'none',                                        // 可选，预加载的方式可以是'none''metadata''auto'，默认
		   	video: {  
		   		pic: 'img/video_img.png',// 可选，视频截图
		        url: 'video/唐僧.mp4' // 必填，视频网址
		    }
		});
		
		var dp = new DPlayer({ 
		    element: document.getElementById('d2'), 				// 可选，player元素
		    autoplay: false,                                        // 可选，自动播放视频，不支持移动浏览器
		    theme: '#FADFA3',                                       // 可选，主题颜色，默认: #b7daff
		    loop: true,                                             // 可选，循环播放音乐，默认：true
		    lang: 'zh',                                             // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator 
		    screenshot: true,										//启用截图功能，默认值：false，注意：如果设置为true，视频和视频截图必须启用跨域                                      
		    hotkey: true,                                           // 可选，绑定热键，包括左右键和空格，默认值：true
		    preload: 'none',                                        // 可选，预加载的方式可以是'none''metadata''auto'，默认
		   	video: {  
		   		pic: 'img/video_img.png',// 可选，视频截图
		        url: 'video/唐僧.mp4' // 必填，视频网址
		    }
		});
		
		var dp = new DPlayer({ 
		    element: document.getElementById('d3'), 				// 可选，player元素
		    autoplay: false,                                        // 可选，自动播放视频，不支持移动浏览器
		    theme: '#FADFA3',                                       // 可选，主题颜色，默认: #b7daff
		    loop: true,                                             // 可选，循环播放音乐，默认：true
		    lang: 'zh',                                             // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator 
		    screenshot: true,										//启用截图功能，默认值：false，注意：如果设置为true，视频和视频截图必须启用跨域                                      
		    hotkey: true,                                           // 可选，绑定热键，包括左右键和空格，默认值：true
		    preload: 'none',                                        // 可选，预加载的方式可以是'none''metadata''auto'，默认
		   	video: {  
		   		pic: 'img/video_img.png',// 可选，视频截图
		        url: 'video/唐僧.mp4' // 必填，视频网址
		    }
		});
		
		var dp = new DPlayer({ 
		    element: document.getElementById('d4'), 				// 可选，player元素
		    autoplay: false,                                        // 可选，自动播放视频，不支持移动浏览器
		    theme: '#FADFA3',                                       // 可选，主题颜色，默认: #b7daff
		    loop: true,                                             // 可选，循环播放音乐，默认：true
		    lang: 'zh',                                             // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator 
		    screenshot: true,										//启用截图功能，默认值：false，注意：如果设置为true，视频和视频截图必须启用跨域                                      
		    hotkey: true,                                           // 可选，绑定热键，包括左右键和空格，默认值：true
		    preload: 'none',                                        // 可选，预加载的方式可以是'none''metadata''auto'，默认
		   	video: {  
		   		pic: 'img/video_img.png',// 可选，视频截图
		        url: 'video/唐僧.mp4' // 必填，视频网址
		    }
		});
		
});
//电池电量
$(function(){
	function dianChi(obj) {
		var dianchi=obj;
		var timer=null;
		//让电量跑起来
		this.chongdian=function(dlcolor){
			dianchi.h=130;
			//控制电量的速度和关卡
			dianchi.speedguan=0;
			for (var i=0;i<30;i++) {
				$('<div class="dc-line"></div><div class="dc-dl" style="background:'+dlcolor+'"></div>').appendTo(dianchi);	
			}
			//定时器控制电量的动画效果
			timer=setInterval(function(){
				if (dianchi.speedguan%5==0){
					if(dianchi.h>0){
						dianchi.css("paddingTop",dianchi.h+"px");
					}else{
						dianchi.h=130;
					}
					dianchi.h-=6;
				}	
				dianchi.speedguan++;
				if(dianchi.speedguan>=100){
					dianchi.speedguan=100;
				}
				if (dianchi.speedguan<33) {
					dianchi.find('.dc-text').html("<p>冲关"+dianchi.speedguan+"<br />初级阶段</p>").css("color","pink");
				}else if(dianchi.speedguan<66){
					dianchi.find('.dc-text').html("<p>冲关"+dianchi.speedguan+"<br />中级阶段</p>").css("color","orange");
				}else{
					dianchi.find('.dc-text').html("<p>冲关"+dianchi.speedguan+"<br />高级阶段</p>").css("color","white");
				}
			},100)
		}
		//点击、划过、划出事件
		this.oparetion=function(bgcolor){
			var opa=this;//将外面的dc-body给到oparetion方法里面
			dianchi.click(function(){
				//清除定时器
				clearInterval(opa,timer);
				//重新充电
				opa.chongdian();
			}).mouseenter(function(){
				$(this).css("borderColor","#87ceeb");
				$(this).prev(".dc-head").css("background","#87ceeb");
				$(this).children(".dc-dl").css("background","#87ceeb");
			}).mouseleave(function(){
				$(this).css("borderColor",bgcolor);
				$(this).prev(".dc-head").css("background",bgcolor);
				$(this).children(".dc-dl").css("background",bgcolor);
			})
		}
	}
	//调用对象
	var dc1=new dianChi($("#dc1"));
	dc1.chongdian("#b7ddec");
	dc1.oparetion("#b7ddec");
	var dc2=new dianChi($("#dc2"));
	dc2.chongdian("#b7ddec");
	dc2.oparetion("#b7ddec");
	var dc3=new dianChi($("#dc3"));
	dc3.chongdian("#b7ddec");
	dc3.oparetion("#b7ddec");
});
//手风琴制作
//$(function(){
//	$(".col-gongzuo ul li").mouseenter(function(){
//		$(this).stop().animate({width:650}).siblings().stop().animate({width:128})
//	}).mouseleave(function(){
//		$(".col-gongzuo ul li").stop().animate({width:233});
//	});
//});
